<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="csrf-token" content="EPeDTaWkx4hn3DqmSLKFZGNRkE7Jw88Qm2hkRUgD" />

    <title>阿福易购-首页</title>
    <link rel="stylesheet" href="/css/app.css">
</head>
<body id="cart" ontouchstart="">
<header class="ui-header ui-header-stable  af-header">
    <ul class="ui-row-flex">
        <li class="ui-col ui-flex ui-flex-pack-start">
            <i ontouchstart="window.history.back()" class="ui-icon-return"></i>
        </li>
        <li class="ui-col ui-flex ui-flex-pack-center">
            <h1>购物车</h1>
        </li>
        <li class="ui-col ui-flex ui-flex-pack-end">
            <i data-href="./index.html" class="ui-icon-home"></i>
        </li>
    </ul>
</header>

<div class="ui-container ui-cart-container">
    <!--E贸易商品-->
    <div class="ui-form ui-cart-one" data-type="eShop">
        <div class="ui-form-item ui-form-item-checkbox af-border-b">
            <label class="ui-checkbox">
                <input class="J-checkAll" type="checkbox" checked="">
            </label>
            <p>E贸易商品</p>
        </div>

        <ul class="ui-list ui-list-text ui-list-checkbox af-border-b">

            <li class="li-item li-item-hasCoupon" data-id="10101">
                <h2 class="ui-cart-coupon af-border-b">
                    <label class="ui-label-s ui-label-light">7折优惠</label>
                    <span>全场通用，7折优惠</span>
                </h2>

                <label class="ui-checkbox">
                    <input class="J-checkOne" type="checkbox" checked>
                </label>
                <div class="ui-list-thumb">
                    <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/35b84d3da3ec0f03c8d188b3f5547901.jpg@!70-70)"></span>
                </div>
                <div class="ui-list-info">
                    <h6 class="ui-nowrap">发希 fascy 遮瑕BB霜</h6>
                    <div class="ui-txt-info">
                        <div class="ui-num-plugin af-border-tb">
                            <button class="af-border-l af-border-r ui-num-btn ui-num-min">-</button>
                            <input class="ui-num-input" type="text" value="1" min="1" max="9" readonly>
                            <button class="af-border-l af-border-r ui-num-btn ui-num-add">+</button>
                        </div>
                    </div>
                </div>
                <div class="ui-cart-goods-opts">
                    <p><small>¥</small>254.00 </p>

                    <i class="ui-icon-delete"></i>
                </div>
            </li>

            <li class="li-item li-item-hasCoupon af-border-t" data-id="101012">
                <h2 class="ui-cart-coupon af-border-b">
                    <label class="ui-label-s ui-label-light">优惠券</label>
                    <span>满400减50，满100减10</span>
                </h2>

                <label class="ui-checkbox">
                    <input class="J-checkOne" type="checkbox" checked>
                </label>
                <div class="ui-list-thumb">
                    <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/35b84d3da3ec0f03c8d188b3f5547901.jpg@!70-70)"></span>
                </div>
                <div class="ui-list-info">
                    <h6 class="ui-nowrap">发希 fascy 遮瑕BB霜</h6>
                    <div class="ui-txt-info">
                        <div class="ui-num-plugin af-border-tb">
                            <button class="af-border-l af-border-r ui-num-btn ui-num-min">-</button>
                            <input class="ui-num-input" type="text" value="1" min="1" max="9" readonly>
                            <button class="af-border-l af-border-r ui-num-btn ui-num-add">+</button>
                        </div>
                    </div>
                </div>
                <div class="ui-cart-goods-opts">
                    <p><small>¥</small>254.00 </p>

                    <i class="ui-icon-delete"></i>
                </div>
            </li>





            <li class="li-item af-border-t" data-id="1001">
                <label class="ui-checkbox">
                    <input class="J-checkOne" type="checkbox" checked>
                </label>
                <div class="ui-list-thumb">
                    <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/35b84d3da3ec0f03c8d188b3f5547901.jpg@!70-70)"></span>
                </div>
                <div class="ui-list-info">
                    <h6 class="ui-nowrap">发希 fascy 遮瑕BB霜</h6>
                    <div class="ui-txt-info">
                        <div class="ui-num-plugin af-border-tb">
                            <button class="af-border-l af-border-r ui-num-btn ui-num-min">-</button>
                            <input class="ui-num-input" type="text" value="1" min="1" max="9" readonly>
                            <button class="af-border-l af-border-r ui-num-btn ui-num-add">+</button>
                        </div>
                    </div>
                </div>
                <div class="ui-cart-goods-opts">
                    <p><small>¥</small>254.00 </p>

                    <i class="ui-icon-delete"></i>
                </div>
            </li>
            <li class="li-item af-border-t" data-id="1002">
                <label class="ui-checkbox">
                    <input class="J-checkOne" type="checkbox" checked>
                </label>
                <div class="ui-list-thumb">
                    <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/35b84d3da3ec0f03c8d188b3f5547901.jpg@!70-70)"></span>
                </div>
                <div class="ui-list-info">
                    <h6 class="ui-nowrap">发希 fascy 遮瑕BB霜</h6>
                    <div class="ui-txt-info">
                        <div class="ui-num-plugin af-border-tb">
                            <button class="af-border-l af-border-r ui-num-btn ui-num-min">-</button>
                            <input class="ui-num-input" type="text" value="1" min="1" max="9" readonly>
                            <button class="af-border-l af-border-r ui-num-btn ui-num-add">+</button>
                        </div>
                    </div>
                </div>
                <div class="ui-cart-goods-opts">
                    <p><small>¥</small>254.00 </p>

                    <i class="ui-icon-delete"></i>
                </div>
            </li>
        </ul>

        <section class="ui-panel ui-cart-calculate">
            <p class="t-price">
                <span>已选商品<i class="J-totalNum">2</i>件商品</span>
                <span class="r">商品总额：<span class="val">¥<span class="J-totalPrice">254.00</span></span></span>
            </p>
            <p>
                <span class="r">关税：<span class="val">¥<span class="J-tariff">0.00</span></span></span>
            </p>
            <p class="total">
                <span class="r">总计(不含运费)：<span class="val">¥<span class="J-payPrice">254.00</span></span></span>
            </p>
            <p>
                <span class="r">
                    <a class="J-toPay ui-btn ui-btn-lg">结算</a>
                </span>
            </p>
        </section>

        <div class="J-PurchaseTip ui-tips ui-tips-warn af-hide">
            <i></i>
            <p>啊哦，海关规定购买多件的总价（不含税）不能超过¥2000哦，请您分多次购买。</p>
        </div>

    </div>

    <!--免税商品-->
    <div class="ui-form ui-cart-one" data-type="cShop">
        <div class="ui-form-item ui-form-item-checkbox af-border-b">
            <label class="ui-checkbox">
                <input class="J-checkAll" type="checkbox" checked="">
            </label>
            <p>免税商品</p>
        </div>

        <ul class="ui-list ui-list-text ui-list-checkbox af-border-b">
            <li class="li-item" data-id="1003">
                <label class="ui-checkbox">
                    <input class="J-checkOne" type="checkbox" checked>
                </label>
                <div class="ui-list-thumb">
                    <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/35b84d3da3ec0f03c8d188b3f5547901.jpg@!70-70)"></span>
                </div>
                <div class="ui-list-info">
                    <h6 class="ui-nowrap">发希 fascy 遮瑕BB霜</h6>
                    <div class="ui-txt-info">
                        <div class="ui-num-plugin af-border-tb">
                            <button class="af-border-l af-border-r ui-num-btn ui-num-min">-</button>
                            <input class="ui-num-input" type="text" value="1" min="1" max="9" readonly>
                            <button class="af-border-l af-border-r ui-num-btn ui-num-add">+</button>
                        </div>
                    </div>
                </div>
                <div class="ui-cart-goods-opts">
                    <p><small>¥</small>254.00 </p>
                    <i class="ui-icon-delete"></i>
                </div>
            </li>
            <li class="li-item af-border-t ui-goods-disabled" data-id="1004">
                <label class="ui-checkbox">
                    <input class="J-checkOne" type="checkbox" disabled>
                </label>
                <div class="ui-list-thumb">
                    <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/35b84d3da3ec0f03c8d188b3f5547901.jpg@!70-70)"></span>
                </div>
                <div class="ui-list-info">
                    <h6 class="ui-nowrap">发希 fascy 遮瑕BB霜</h6>
                    <div class="ui-txt-info">
                        库存不足
                    </div>
                </div>
                <div class="ui-cart-goods-opts">
                    <i class="ui-icon-delete"></i>
                </div>
            </li>
        </ul>

        <section class="ui-panel ui-cart-calculate">
            <p class="t-price">
                <span>已选商品<i class="J-totalNum">2</i>件商品</span>
                <span class="r">商品总额：<span class="val">¥<span class="J-totalPrice">254.00</span></span></span>
            </p>
            <p>
                <span class="r">关税：<span class="val">¥<span class="J-tariff">0.00</span></span></span>
            </p>
            <p class="total">
                <span class="r">总计(不含运费)：<span class="val">¥<span class="J-payPrice">254.00</span></span></span>
            </p>
            <p>
                <span class="r">
                    <a class="J-toPay ui-btn ui-btn-lg">结算</a>
                </span>
            </p>
        </section>
    </div>

    <!--无数据-->
    <section class="ui-cart-nodata">
        <i class="ui-icon-cart"></i>
        <small class="af-txt-muted">购物车里空空如也，赶紧去逛逛吧！</small>
        <p><a class="ui-btn ui-btn-sm" href="./search-result.html">去逛逛</a></p>
    </section>
</div>

<script src="/lib/zepto.min.js"></script>
<script src="/js/frozen.js"></script>
<script src="/js/app.min.js"></script>
<script>
    //购物车
    var options={
        delUrl:'/ajax_success.json',//删除请求url
        url:'/ajax_cart.json',//统计信息url
        payUrl:'/ajax_success.json',//验证下单信息url
        orderUrl:'/cart-make-order.html'//跳转订单页面url
    };
    var listHandler=new ListHandler(options);
</script>
</body>
</html>